@charset "UTF-8";

.web{
    width: 1280px;
    margin: 0 auto;
    header{
        div:first-child{
            height: 49px;
            ul{
                padding: 15px 0 0 815px;
                display: flex;
                li{
                    font-size: 12px;
                    color: #b3b2b2;
                    margin-right: 3px;
                    padding-right: 6px;
                    list-style: none;
                    border-right: 1px solid #b3b2b2;
                }
                li:last-child{
                    border:none
                }
            }
        }
       div:last-child{
           height: 76px;
           display: flex;
           img{
               margin-left: 179px;
           }
           ul{
               padding-left: 147px;
               display: flex;
               li{
                   color: #7a7878;
                   font-size: 14px;
                   margin-right: 26px;
                   margin-top: 21px;
               }
               .active{
                   color: #f64f5b;
               }
               .active::after{
                   content: close-quote;
                   display: block;
                   height: 4px;
                   width: 50%;
                   margin: 0 auto;
                   margin-top: 7px;
                   background: #1abc9c;
                }
           }
        }
    }
    
    
//  关于我们
.headset{
    background-repeat: no-repeat;
    background-image: url(../img/homepage/one.png);
    background-position-y: -110px;
    .headsetbox{
        display: flex;
        .ep{
        padding-top: 137px;
        }
        .buy{
            height: 222px;
         margin-top: 184px;
            h2{
                color: #ffffff;
                padding-bottom: 33px;
            }
            h1{
                color: #ffffff;
                text-align: right;
                padding-bottom: 57px;
            }
            button:nth-child(3){
                width: 170px;
                height: 56px;
                background-color: #1abc9c;
                border-radius: 8px;
                margin-left: 225px;
                color: white;
                font-size: 18px;
            }
            button:last-child{
                width: 170px;
                height: 56px;
                background-color: #3498db;
                border-radius: 8px;
                margin-left: 16px;
                color: white;
                font-size: 18px;
            }
        }
    }
    .headset2{
        display: flex;
        .headsettext{
            font-size: 12px;
            width: 625px;
            margin-left: 155px;
            h3{
                margin-top: 99px;
                margin-bottom: 27px;
            }
            p{
                line-height: 25px;
            }
        }
        .headset3{
            img{
                transform: translate(-7px,-96px);
            }
        }
    }
}
    
    
    
//我们能够做什么？    
.what{
    height: 461px;
    background-color: #38373d;
    div{
        
        text-align: center;
        padding-top: 34px;
        h2{
            color: white;
        }
        h3{
            color: white;
        }
    }
    .whatbox{
        margin-left: 280px;
        margin-right: 280px;
        ul{
            display: flex;
            justify-content: space-between;
            li{
                h4{
                    color: white;
                    margin: 30px 0 30px 0;
                }
                p{
                    font-size: 12px;
                    color: white;
                }
            }
        }
    }
}     
    
    
//最新资讯    
.new{
    height: 570px;
    .newhead{
        text-align: center;
        padding-top: 49px;
        span{
            font-size: 26px;
            color: #57616c;
            padding-left: 28px;
        }
    }
    .newborder{
        margin: 0 auto;
        width: 611px;
        border-bottom: 2px solid #e7e7e7;
        margin-top: 19px;
    }
    .newfooter{
        display: flex;
        justify-content: space-around;
        margin: 0 209px 0 209px;
        .newbox{
            margin-top: 42px;
            li{
                display: flex;
                div:last-child{
                    width: 300px;
                    font-size: 14px;
                    padding-left: 21px;
                    margin-top: 33px;
                    span:last-child{
                        float: right;
                    }
                }
            }
        }
        .newbox2{
            margin-top: 42px;
            li{
                display: flex;
                div:last-child{
                    width: 300px;
                    font-size: 14px;
                    padding-left: 21px;
                    margin-top: 33px;
                    span:last-child{
                        float: right;
                    }
                }
            }
        }
    }
}    
    
//轮播图    
.slideshow{
    height: 650px;
    background-image: url(../img/homepage/beijing_02.png);
    background-repeat: no-repeat;
    .slideshowhead{
        text-align: center;
        color: white;
        padding: 31px 0 16px 0;
        p{
            font-size: 26px;
        }
    }
    .ssborder{
            width: 611px;
            border: 2px solid white;
            margin: 0 auto;
    }
    .picture{
        ul{
            display: flex;
            justify-content: center;
            li:first-child{
                margin-top: 183px;
            }
            li:nth-child(2){
                margin-top: 141px;
            }
            li:nth-child(3){
                margin: 32px 59px 0 59px;
            }
            li:nth-child(4){
                margin-top: 141px;
            }
            li:last-child{
                margin-top: 183px;
            }
            
        }
    }
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    footer{
        .footerbox{
            height: 423px;
            background-color: #38373d;
            display: flex;
            .one{
                li:first-child{
                    margin: 193px 32px 0 206px;
                }
                li:last-child{
                    color: #f6f6f7;
                    margin: 9px 0 0 200px;
                    font-size: 12px;
                }
            }
            .two{
                margin-top: 228px;
                li:nth-child(2){
                    margin-top: 28px;
                }
                li:last-child{
                    margin-top: 18px;
                }
            }
            .three{
                color: #ffffff;
                margin-top: 194px;
                margin-left: 12px;
                margin: 194px 21px 0 12px;
                li:first-child{
                    margin: 0 0 0 -36px;
                }
                li:nth-child(2){
                    font-size: 14px;
                    margin-top: 16px;
                }
                li:nth-child(3){
                    font-size: 14px;
                }
                li:nth-child(4){
                    font-size: 14px;
                    margin-top: 12px;
                }
                li:last-child{
                    font-size: 14px;
                    margin-top: 18px;
                }
                
            }
            .four{
                width: 391px;
                
                margin-top: 61px;
                p{
                    color: white;
                }
                input:nth-child(2){
                    width: 170px;
                    height: 40px;
                    border-radius: 10px;
                    background-color: #5d6d7e;
                    border: none;
                    margin-right: 16px;
                    margin-bottom: 11px;
                    margin-top: 12px;
                }
                input:nth-child(3){
                    width: 200px;
                    height: 40px;
                    border-radius: 10px;
                    background-color: #5d6d7e;
                    border: none;
                    margin-bottom: 10px;
                }
                input:nth-child(4){
                    width: 391px;
                    height: 40px;
                    border-radius: 10px;
                    background-color: #5d6d7e;
                    border: none;
                    margin-bottom: 10px;
                }
                textarea{
                    width: 391px;
                    height: 144px;
                    resize: none;
                    border: none;
                    background-color: #5d6d7e;
                    border-radius: 10px;
                }
                input::-webkit-input-placeholder{
                    color: #b6bcc2;
                    padding-left: 11px;
                }
                textarea::-webkit-input-placeholder{
                    color: #b6bcc2;
                    padding: 24px 0 0 10px;
                }
                input:last-child{
                    width: 98px;
                    height: 30px;
                    background-color: #3498db;
                    border-radius: 10px;
                    margin:10px 0 0 294px;
                    color: white;
                }
            }
            
        }
       .footerbox2::before{
            content: "";
            border-right: 36px solid transparent;
            border-bottom: 36px solid #2c3e50;
            border-left: 36px solid transparent;
            display: inline-block;
            transform: translate(610px,-36px);
            }
        .footerbox2{
            width: 1280px;
            height: 118px;
            background-color: #2c3e50;
            ul{
                .logtext{
                    margin-left:415px;
                    display: inline-block;
                    color: #ffffff;
                    font-size: 14px;
                }
                .englishlog{
                    margin-left:24px;
                    display: inline-block;
                    color: #ffffff;
                    font-size: 14px;
                }
                .registration{
                    margin-left:324px;
                    color: #ffffff;
                    font-size: 12px;
                }
            }
        }
    }
}
